<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
   div{
	   width:700px;
	   margin:auto;
   }
   ul{
	   list-style-type:none;
   }
   .layer01{
	   float:right;
	  
   }
   .layer02{
	   float:left;
	   width:300px;
   }
   .layer03{
	   float:left;
	   width:300px;
   }
   .layer04{
	   float:left;
	   width:300px
   }
   .layer05{
	   float:left;
	   width:300px;
   }
</style>
</head>

<body>
 <div>
  <ul>
   <h2>热门活动<span class="layer01">更多</span></h2>
     <li><div class="layer02"><img src="../Documents/未命名站点 2/活动.png"><br/>
   推荐活动 | 原创音乐现金榜T榜</div></li>
     <li><div class="layer03"><img src="file:///C|/Users/94629/Documents/未命名站点 2/img2.png"><br/>推荐节目|《TAImusic》爆笑来袭</div></li>
     <li><div class="layer04"><img src="7章素材/01 上机练习素材/练习2：热门活动/image/img3.png"><br/>推荐歌单 | 继续宠爱张国荣</div></li>
     <li><div class="layer05"><img src="7章素材/01 上机练习素材/练习2：热门活动/image/img4.png"><br/>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</div></li>
  </ul>

 </div>
</body>
</html>
